<!DOCTYPE html>
<html>
	<head>
	  <title>24Pullse</title>
	  <meta charset="utf-8" />
	  <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
	  <!--link rel="stylesheet" href="./css/24pulse.css" /-->
	  <link rel="stylesheet" href="./css/jquery.mobile.structure-1.3.2.min.css" />
	  <link rel="stylesheet" href="./css/24p_jqm132.css" />
		<!--link rel="stylesheet" href="./css/jquery.mobile.icons.min.css" /-->
		<!--link rel="stylesheet" href="./css/jquery.mobile.structure-1.4.0-rc.1.css"-->
	  <script src="./js/jquery-1.10.2.min.js"></script>
	  <script src="./js/jquery.mobile-1.3.2.min.js"></script>
	  <!--script src="./js/jquery.mobile-1.4.0-rc.1.min.js"></script-->
	  <script src="./js/jsrender.js"></script>
	  <script src="./js/requests.js"></script>
	  <script src="./js/24pulseProj.js"></script>
	</head>
	<body>
		<div data-role="page" id="page_home" data-theme="a">
			<!-- Home - sources list -->
			  <div id="nav_panel_home" class="panel_right"
						data-theme="a" id="nav-panel" data-display="overlay"
						data-position-fixed="false" data-position="right" data-role="panel"></div>
				<header data-role="header" id="def_header" >
					  <h3><div class="app_logo"></div></h3>
					  <a href="#nav_panel_home" class="clear-btn nav-panel-right app-bars ui-btn-right" data-role="button" data-inline="true" data-shadow="false"></a>
				</header>
	    <div data-role="content">
	      <ul data-role="listview" class="app_sources">
	        <li data-icon="false"><a href="#" onClick="item_page(1); return false;">Source first</a></li>
	        <li data-icon="false"><a href="#" onClick="item_page(2); return false;">Source second</a></li>
	        <li data-icon="false"><a href="#" onClick="item_page(3); return false;">Source third</a></li>
	        <li data-icon="false"><a href="#" onClick="item_page(4); return false;">oNE more source</a></li>
	        <li data-icon="false"><a href="#">V. Source item<span class="ui-li-count">3</span></a></li>
	        <li data-icon="false"><a href="#">One long sourse with lot of words in it</a></li>
	        <li data-icon="false"><a href="#">AND again!</a></li>
	        <li data-icon="false"><a href="#">Source first</a></li>
	        <li data-icon="false"><a href="#">Source second</a></li>
	        <li data-icon="false"><a href="#">Source third</a></li>
	        <li data-icon="false"><a href="#">oNE more source</a></li>
	        <li data-icon="false"><a href="#">V. Source item</a></li>
	        <li data-icon="false"><a href="#">One long sourse with lot of words in it</a></li>
	      </ul>
	    </div>
		</div>
		<div data-role="page" id="page_source_item" data-theme="a">
			<!-- source item -->
		  <div id="nav_panel_sitem" class="panel_right"
					data-theme="a" id="nav-panel" data-display="overlay"
					data-position-fixed="false" data-position="right" data-role="panel">
			</div>
			<header data-role="header" id="def_header" >
				<a href="#page_home" class="clear-btn app-back" data-role="button" data-inline="true" data-shadow="false"></a>
				<h3><div class="app_logo"></div></h3>
				<a href="#nav_panel_sitem" class="clear-btn nav-panel-right app-bars ui-btn-right" data-role="button" data-inline="true" data-shadow="false"></a>
			</header>
			<div data-role="content">
			  <div class="wide">
		      <a href="#" class="app_source_item_title" data-role="button" data-icon="arrow_r" data-iconpos="right">
		        Account Reseivables Live
		      </a>
		      <div data-role="collapsible" data-iconpos="right" data-collapsed-icon="arrow-r" data-expanded-icon="arrow-d">
						<h3>All results <span class="resQuantity">(<span class="resQuantityVal">5</span>)</span></h3>
						<p>
							<a href="#">Less then 1 year (1)</a>
							<a href="#">More then 1 year (5)</a>
						</p>
					</div>
					<div class="app-controls-block">
						<a href="#" data-role="button" data-inline="true">Days</a>
						<a href="#" class="active" data-role="button" data-inline="true">Label</a>
						<a href="#" data-role="button" data-inline="true">Summary</a>
					</div>

					<div id="source_list">
					  <a href="#" data-role="button" data-icon="more" data-iconpos="right">
					    <div class="bullet weight-5">
					      <span>774</span>
					      days
							</div>
							<div class="name">A. de Boer BV</div>
							<div class="price">&euro;6307.15</div>
					  </a>
						<a href="#" data-role="button" data-icon="more" data-iconpos="right">
						    <div class="bullet weight-4">
						      <span>774</span>
						      days
								</div>
								A. de Boer BV
								<div class="price">&euro;6307.15</div>
						</a>
						<a href="#" data-role="button" data-icon="more" data-iconpos="right">
						    <div class="bullet weight-3">
						      <span>774</span>
						      days
								</div>
								A. de Boer BV
								<div class="price">&euro;6307.15</div>
						</a>
					</div>
				</div>
	    </div>
		</div>
		<div data-role="page" id="page_auth" data-theme="a">
			<header data-role="header">
				<a href="#nav-panel" class="clear-btn app-info" data-role="button" data-inline="true" data-shadow="false" ></a>
				<h3><div class="app_logo"></div></h3>
			</header>
			<div id="def_content" data-role="content">
				<p class="f20">Welcome</p>
				<form id="auth_form">
			    <input type="text" placeholder="Login" id="auth_login">
			    <input type="password" placeholder="Password" id="auth_password">
			    <a href="#" class="f12">Forgot your Password/ Username?</a>
			    <input type="text" placeholder="Company identifer" id="auth_cmpid">
			    <a href="#" class="f12">Forgot your company identifer?</a>
			    <input type="submit" value="LOG IN" id="auth_button" class="" >
			  </form>
			</div>
		</div>
		<script id="theTmpl" type="text/x-jsrender">
					<ul data-divider-theme="a" data-theme="a" data-role="listview">
						<li data-icon="delete">
							<a data-rel="close" href="#">Home</a>
						</li>
						<li data-role="list-divider">
						  <span>24Pullse App</span>
						</li>

						<li data-filtertext="wai-aria voiceover accessibility screen reader"
								data-corners="false" data-shadow="false" data-iconshadow="true"
								data-wrapperels="div" data-icon="arrow-r">
								<a href="#">Item1</a>
						</li>
						<li data-filtertext="wai-aria voiceover accessibility screen reader"
								data-corners="false" data-shadow="false" data-iconshadow="true"
								data-wrapperels="div" data-icon="arrow-r">
								<a href="#">Item2</a>
						</li>
					</ul>
		</script>
	</body>
</html>